﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>图片轮播切换</title>

<link rel="stylesheet" href="css/style.css">

</head>

<body>
	<div class="demo">
		<a class="control prev"></a><a class="control next abs"></a>
		<!--自定义按钮，移动端可不写-->
		<div class="slider">
			<!--主体结构，请用此类名调用插件，此类名可自定义-->
			<ul>
				<li><a href=""><img src="images/8.jpg" alt="风景1" /></a></li>
				<li><a href=""><img src="images/9.jpg" alt="风景2" /></a></li>
<!-- 				<li><a href=""><img src="images/3.jpg" alt="泪光点点，娇喘微微。" /></a></li> -->
<!-- 				<li><a href=""><img src="images/4.jpg" alt="闲静似娇花照水，行动如弱柳扶风。" /></a></li> -->
<!-- 				<li><a href=""><img src="images/5.jpg" alt="心较比干多一窍，病如西子胜三分。" /></a></li> -->
			</ul>
		</div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/YuxiSlider.jQuery.min.js"></script>
	<script>
		$(".slider").YuxiSlider({
			width : 1160, //容器宽度
			height : 510, //容器高度
			control : $('.control'), //绑定控制按钮
			during : 4000, //间隔4秒自动滑动
			speed : 800, //移动速度0.8秒
			mousewheel : true, //是否开启鼠标滚轮控制
			direkey : true
		//是否开启左右箭头方向控制
		});
	</script>

</body>
</html>

